<template>
  <view class="user-center-container">
    <view class="user-info-card">
      <image class="user-avatar" src="/static/avatar.png" />
      <view class="user-info">
        <view class="user-name">鱼尾狐</view>
        <view class="user-id">账号：674357</view>
      </view>
      <view class="user-arrow">&gt;</view>
    </view>
    <view class="user-balance-card">
      <view class="user-balance-label">账户余额 <uni-icons type="eye-slash" size="18" /></view>
      <view class="user-balance-value">******</view>
      <view class="user-balance-action">立即充值 &gt;</view>
    </view>
    <view class="user-shortcuts">
      <view class="user-shortcut" @click="goBill()">
        <image class="shortcut-icon" src="/static/bill.png" />
        <view>我的账单</view>
      </view>
      <view class="user-shortcut" @click="goRecharge()">
        <image class="shortcut-icon" src="/static/recharge.png" />
        <view>充值记录</view>
      </view>
      <view class="user-shortcut" @click="goEnterprise()">
        <image class="shortcut-icon" src="/static/enterprise.png" />
        <view>企业入驻</view>
      </view>
    </view>
    <view class="user-list">
      <view class="user-list-item" @click="goSheild()">
        <image class="user-icon" src="/static/sheild.png" />
        <view class="user-list-label">账户安全</view>
        <view class="user-list-arrow">&gt;</view>
      </view>
      <view class="user-list-item" @click="goSetting()">
        <image class="user-icon" src="/static/setting.png" />
        <view class="user-list-label">基本设置</view>
        <view class="user-list-arrow">&gt;</view>
      </view>
      <view class="user-list-item" @click="goInfo()">
        <image class="user-icon" src="/static/info.png" />
        <view class="user-list-label">关于我们</view>
        <view class="user-list-arrow">&gt;</view>
      </view>
    </view>
  </view>
</template>

<script setup>
function goBill(){
	uni.navigateTo({
		url:'/pages/C/user/bill'
	})
}
function goRecharge(){
	uni.navigateTo({
		url:'/pages/C/user/recharge'
	})
}
function goSheild(){
	uni.navigateTo({
		url:'/pages/C/user/userInfo/shield'
	})
}
function goSetting(){
	uni.navigateTo({
		url:'/pages/C/user/userInfo/setting'
	})
}
function goInfo(){
	uni.navigateTo({
		url:'/pages/C/user/userInfo/info'
	})
}
function goEnterprise(){
	uni.navigateTo({
		url:'/pages/C/enterprise/step-progress'
	})
}
</script>

<style src="./index.css"></style>